<template>
	<view class="compareDetail">
		<scroll-view scroll-x="true" class="scrollViewCom" :scroll-with-animation="true"
			:scroll-into-view="`sub${activeItem}`">
			<view class="flex alignCenter font14 chooseBox">
				<view :class="activeItem==index?'commonChoose activeStyle bold':'commonChoose'" :id="`sub${index}`"
					v-for="(item,index) in chooseArr" :key="index" @click="clickItem(index)">
					{{item.title}}
				</view>
			</view>
		</scroll-view>
		<view class="infoBox">
			<view class="baseInfo" v-if="activeItem==0">
				<view class="commonTitle flex alignCenter bold font14">
					<text class="onlyStyle"></text>
					<text>基本信息</text>
				</view>
				<view class="baseCon">
					<view class="school">
						<view class="schoolOne" v-for="(item,index) in schoolData" :key="index">
							<image class="logo"
								:src="item.cover.logo || 'https://image.alhelp.net/uploads/20231104/4d491857ac50d21ebbcb25ff5bc254f8.png'"
								mode="widthFix"></image>
							<view class="bold font14 hiddenOneline">{{item.cover.schoolName}}</view>
							<view class="font12 college">{{item.cover.collegeName}}</view>
							<view class="font12">
								<view class="">{{item.cover.majorCode}}</view>
								<view class="hiddenTwoline">{{item.cover.majorName}}</view>
							</view>
						</view>
					</view>
					<view class="mainCon">
						<view class="flex alignCenter font14 conHeader">
							<view class="width400">类型</view>
							<view class="width150">全国竞争力排名</view>
							<view class="width150">当地竞争力排名</view>
							<view class="width150">分类及排名</view>
							<view class="width100">专业排名</view>
							<view class="width100">专业星级</view>
							<view class="width100">学科排名</view>
							<view class="width100">学科星级</view>
							<view class="width150">一级学科排名</view>
							<view class="width150">一级学科星级</view>
							<view class="width400">研究方向和考试科目</view>
							<view class="width400">专业概述</view>
							<view class="width150">学制</view>
							<view class="width150">学费</view>
							<view class="width150">奖学金</view>
							<view class="width150">导师</view>
						</view>
						<view class="flex alignCenter font14 conData" :style="{'height':index==0?'300rpx':'380rpx'}"
							v-for="(item,index) in schoolData" :key="index">
							<view class="width400 commonWidth">{{item.schoolDetail.type || ''}}</view>
							<view class="width150 commonWidth">{{item.schoolDetail.graduateStudentEducationNationalRankings || ''}}
							</view>
							<view class="width150 commonWidth">{{item.schoolDetail.graduateStudentEducationAreaRankings || ''}}</view>
							<view class="width150 commonWidth">{{item.schoolDetail.schoolClassifyRankings || ''}}</view>
							<view class="width100 commonWidth">{{item.schoolDetail.majorRank || ''}}</view>
							<view class="width100 commonWidth">{{item.schoolDetail.majorStar || ''}}</view>
							<view class="width100 commonWidth">{{item.schoolDetail.subjectRank || ''}}</view>
							<view class="width100 commonWidth">{{item.schoolDetail.subjectStar || ''}}</view>
							<view class="width150 commonWidth">{{item.schoolDetail.subjectOneRank || ''}}</view>
							<view class="width150 commonWidth">{{item.schoolDetail.subjectOneStar || ''}}</view>
							<view class="width400 commonWidth">
								<view class="contentLeft" v-for="(val,i) in item.directionWithExamSubject.directionsN" :key="i">
									<view class="bold">
										【{{val.tbaseExamSubjectList[0].directionCode || '无'}}】{{val.tbaseExamSubjectList[0].direction || '无'}}</view>
									<view class="">科目一：{{val.tbaseExamSubjectList[0].code1 || '无'}}</view>
									<view class="color999 u-font-24" v-if="val.tbaseExamSubjectList[0].book1">[参考资料：{{val.tbaseExamSubjectList[0].book1}}]</view>
									<view class="">科目二：{{val.tbaseExamSubjectList[0].code2 || '无'}}</view>
									<view class="color999 u-font-24" v-if="val.tbaseExamSubjectList[0].book2">[参考资料：{{val.tbaseExamSubjectList[0].book2}}]</view>
									<view class="">科目三：{{val.tbaseExamSubjectList[0].code3 || '无'}}</view>
									<view class="color999 u-font-24" v-if="val.tbaseExamSubjectList[0].book3">[参考资料：{{val.tbaseExamSubjectList[0].book3}}]</view>
									<view class="">科目四：{{val.tbaseExamSubjectList[0].code4 || '无'}}</view>
									<view class="color999 u-font-24" v-if="val.tbaseExamSubjectList[0].book4">[参考资料：{{val.tbaseExamSubjectList[0].book4}}]</view>
								</view>
							</view>
							<view class="width400 commonWidth">{{item.description || ''}}</view>
							<view class="width150 commonWidth">{{item.schoolSystem || ''}}</view>
							<view class="width150 commonWidth">{{item.tuition || ''}}</view>
							<view class="width150 commonWidth">{{item.scholarship || ''}}</view>
							<view class="width150 commonWidth">{{item.teacherName || ''}}</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 当年招生计划 -->
			<view class="nowStudent" v-if="activeItem==1">
				<view class="commonTitle flex alignCenter bold font14">
					<text class="onlyStyle"></text>
					<text>当年招生计划</text>
				</view>
				<view class="baseCon">
					<view class="school">
						<view class="schoolOne" v-for="(item,index) in schoolData" :key="index">
							<image class="logo"
								:src="item.cover.logo || 'https://image.alhelp.net/uploads/20231104/4d491857ac50d21ebbcb25ff5bc254f8.png'"
								mode="widthFix"></image>
							<view class="bold font14 hiddenOneline">{{item.cover.schoolName}}</view>
							<view class="font12 college">{{item.cover.collegeName}}</view>
							<view class="font12">
								<view class="">{{item.cover.majorCode}}</view>
								<view class="hiddenTwoline">{{item.cover.majorName}}</view>
							</view>
						</view>
					</view>
					<view class="mainCon">
						<view class="flex alignCenter font14 conHeader">
							<view class="onlyOne">{{new Date().getFullYear()+1}}年</view>
						</view>
						<view class="flex alignCenter font14 conData" :style="{'height':index==0?'300rpx':'380rpx'}"
							v-for="(item,index) in schoolData" :key="index">
							<view class="onlyOne">{{item.nowYearRecruit[new Date().getFullYear()+1]}}</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 往年招生计划 -->
			<view class="preStudent" v-if="activeItem==2">
				<view class="commonTitle flex alignCenter bold font14">
					<text class="onlyStyle"></text>
					<text>往年招生计划</text>
				</view>
				<view class="baseCon">
					<view class="school">
						<view class="schoolOne" v-for="(item,index) in schoolData" :key="index">
							<image class="logo"
								:src="item.cover.logo || 'https://image.alhelp.net/uploads/20231104/4d491857ac50d21ebbcb25ff5bc254f8.png'"
								mode="widthFix"></image>
							<view class="bold font14 hiddenOneline">{{item.cover.schoolName}}</view>
							<view class="font12 college">{{item.cover.collegeName}}</view>
							<view class="font12">
								<view class="">{{item.cover.majorCode}}</view>
								<view class="hiddenTwoline">{{item.cover.majorName}}</view>
							</view>
						</view>
					</view>
					<view class="mainCon">
						<view class="flex alignCenter font14 conHeader">
							<view class="width150" v-for="(year,y) in [1,2,3,4]" :key="y">{{new Date().getFullYear()-y}}年</view>
						</view>
						<view class="flex alignCenter font14 conData" :style="{'height':index==0?'300rpx':'380rpx'}"
							v-for="(item,index) in schoolData" :key="index">
							<view class="width150 commonWidth" v-for="(year,yIndex) in [1,2,3,4]" :key="year">
								{{item.oldYearRecruit[new Date().getFullYear()-yIndex]}}</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 往年实际录取总数 -->
			<view class="preStudentNum" v-if="activeItem==3">
				<view class="commonTitle flex alignCenter bold font14">
					<text class="onlyStyle"></text>
					<text>往年实际录取总数</text>
				</view>
				<view class="baseCon">
					<view class="school">
						<view class="schoolOne" v-for="(item,index) in schoolData" :key="index">
							<image class="logo"
								:src="item.cover.logo || 'https://image.alhelp.net/uploads/20231104/4d491857ac50d21ebbcb25ff5bc254f8.png'"
								mode="widthFix"></image>
							<view class="bold font14 hiddenOneline">{{item.cover.schoolName}}</view>
							<view class="font12 college">{{item.cover.collegeName}}</view>
							<view class="font12">
								<view class="">{{item.cover.majorCode}}</view>
								<view class="hiddenTwoline">{{item.cover.majorName}}</view>
							</view>
						</view>
					</view>
					<view class="mainCon">
						<view class="flex alignCenter font14 conHeader">
							<view class="width150" v-for="(year,i) in [1,2,3,4]" :key="i">{{new Date().getFullYear()-i}}年</view>
						</view>
						<view class="flex alignCenter font14 conData" :style="{'height':index==0?'300rpx':'380rpx'}"
							v-for="(item,index) in schoolData" :key="index">
							<view class="width150 commonWidth" v-for="(year,j) in [1,2,3,4]" :key="j">
								{{item.oldYearEnroll[new Date().getFullYear()-j]}}</view>
						</view>
					</view>
				</view>
				<view class="commonTitle flex alignCenter bold font14">
					<text class="onlyStyle"></text>
					<text>往年录取中的第一志愿人数</text>
				</view>
				<view class="baseCon">
					<view class="school">
						<view class="schoolOne" v-for="(item,index) in schoolData" :key="index">
							<image class="logo"
								:src="item.cover.logo || 'https://image.alhelp.net/uploads/20231104/4d491857ac50d21ebbcb25ff5bc254f8.png'"
								mode="widthFix"></image>
							<view class="bold font14 hiddenOneline">{{item.cover.schoolName}}</view>
							<view class="font12 college">{{item.cover.collegeName}}</view>
							<view class="font12">
								<view class="">{{item.cover.majorCode}}</view>
								<view class="hiddenTwoline">{{item.cover.majorName}}</view>
							</view>
						</view>
					</view>
					<view class="mainCon">
						<view class="flex alignCenter font14 conHeader">
							<view class="width150" v-for="(year,i) in [1,2,3,4]" :key="i">{{new Date().getFullYear()-i}}年</view>
						</view>
						<view class="flex alignCenter font14 conData" :style="{'height':index==0?'300rpx':'380rpx'}"
							v-for="(item,index) in schoolData" :key="index">
							<view class="width150 commonWidth" v-for="(year,j) in [1,2,3,4]" :key="j">
								{{item.firstChoiceEnroll[new Date().getFullYear()-j]}}</view>
						</view>
					</view>
				</view>
				<view class="commonTitle flex alignCenter bold font14">
					<text class="onlyStyle"></text>
					<text>往年录取中的调剂人数</text>
				</view>
				<view class="baseCon">
					<view class="school">
						<view class="schoolOne" v-for="(item,index) in schoolData" :key="index">
							<image class="logo"
								:src="item.cover.logo || 'https://image.alhelp.net/uploads/20231104/4d491857ac50d21ebbcb25ff5bc254f8.png'"
								mode="widthFix"></image>
							<view class="bold font14 hiddenOneline">{{item.cover.schoolName}}</view>
							<view class="font12 college">{{item.cover.collegeName}}</view>
							<view class="font12">
								<view class="">{{item.cover.majorCode}}</view>
								<view class="hiddenTwoline">{{item.cover.majorName}}</view>
							</view>
						</view>
					</view>
					<view class="mainCon">
						<view class="flex alignCenter font14 conHeader">
							<view class="width150" v-for="(year,i) in [1,2,3,4]" :key="i">{{new Date().getFullYear()-i}}年</view>
						</view>
						<view class="flex alignCenter font14 conData" :style="{'height':index==0?'300rpx':'380rpx'}"
							v-for="(item,index) in schoolData" :key="index">
							<view class="width150 commonWidth" v-for="(year,j) in [1,2,3,4]" :key="j">
								{{item.adjusters[new Date().getFullYear()-j]}}</view>
						</view>
					</view>
				</view>
				<view class="commonTitle flex alignCenter bold font14">
					<text class="onlyStyle"></text>
					<text>往年录取中的推免人数</text>
				</view>
				<view class="baseCon">
					<view class="school">
						<view class="schoolOne" v-for="(item,index) in schoolData" :key="index">
							<image class="logo"
								:src="item.cover.logo || 'https://image.alhelp.net/uploads/20231104/4d491857ac50d21ebbcb25ff5bc254f8.png'"
								mode="widthFix"></image>
							<view class="bold font14 hiddenOneline">{{item.cover.schoolName}}</view>
							<view class="font12 college">{{item.cover.collegeName}}</view>
							<view class="font12">
								<view class="">{{item.cover.majorCode}}</view>
								<view class="hiddenTwoline">{{item.cover.majorName}}</view>
							</view>
						</view>
					</view>
					<view class="mainCon">
						<view class="flex alignCenter font14 conHeader">
							<view class="width150" v-for="(year,i) in [1,2,3,4]" :key="i">{{new Date().getFullYear()-i}}年</view>
						</view>
						<view class="flex alignCenter font14 conData" :style="{'height':index==0?'300rpx':'380rpx'}"
							v-for="(item,index) in schoolData" :key="index">
							<view class="width150 commonWidth" v-for="(year,j) in [1,2,3,4]" :key="j">
								{{item.exemption[new Date().getFullYear()-j]}}</view>
						</view>
					</view>
				</view>
				<view class="commonTitle flex alignCenter bold font14">
					<text class="onlyStyle"></text>
					<text>往年录取中的专项计划人数</text>
				</view>
				<view class="baseCon">
					<view class="school">
						<view class="schoolOne" v-for="(item,index) in schoolData" :key="index">
							<image class="logo"
								:src="item.cover.logo || 'https://image.alhelp.net/uploads/20231104/4d491857ac50d21ebbcb25ff5bc254f8.png'"
								mode="widthFix"></image>
							<view class="bold font14 hiddenOneline">{{item.cover.schoolName}}</view>
							<view class="font12 college">{{item.cover.collegeName}}</view>
							<view class="font12">
								<view class="">{{item.cover.majorCode}}</view>
								<view class="hiddenTwoline">{{item.cover.majorName}}</view>
							</view>
						</view>
					</view>
					<view class="mainCon">
						<view class="flex alignCenter font14 conHeader">
							<view class="width150" v-for="(year,i) in [1,2,3,4]" :key="i">{{new Date().getFullYear()-i}}年</view>
						</view>
						<view class="flex alignCenter font14 conData" :style="{'height':index==0?'300rpx':'380rpx'}"
							v-for="(item,index) in schoolData" :key="index">
							<view class="width150 commonWidth" v-for="(year,j) in [1,2,3,4]" :key="j">
								{{item.special[new Date().getFullYear()-j]}}</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 往年录取中的初试总分 -->
			<view class="preScore" v-if="activeItem==4">
				<view class="commonTitle flex alignCenter bold font14">
					<text class="onlyStyle"></text>
					<text>往年的初试分数线</text>
				</view>
				<view class="baseCon">
					<view class="school">
						<view class="schoolOne" v-for="(item,index) in schoolData" :key="index">
							<image class="logo"
								:src="item.cover.logo || 'https://image.alhelp.net/uploads/20231104/4d491857ac50d21ebbcb25ff5bc254f8.png'"
								mode="widthFix"></image>
							<view class="bold font14 hiddenOneline">{{item.cover.schoolName}}</view>
							<view class="font12 college">{{item.cover.collegeName}}</view>
							<view class="font12">
								<view class="">{{item.cover.majorCode}}</view>
								<view class="hiddenTwoline">{{item.cover.majorName}}</view>
							</view>
						</view>
					</view>
					<view class="mainCon">
						<view class="flex alignCenter font14 conHeader">
							<view class="width200" v-for="(year,i) in [1,2,3,4]" :key="i">{{new Date().getFullYear()-i}}年</view>
						</view>
						<view class="flex alignCenter font14 conData" :style="{'height':index==0?'300rpx':'380rpx'}"
							v-for="(item,index) in schoolData" :key="index">
							<view class="width200 commonWidth" v-for="(year,j) in [1,2,3,4]" :key="j">
								{{item.firstScoreLine[(new Date().getFullYear()-j)]}}</view>
						</view>
					</view>
				</view>
				<view class="commonTitle flex alignCenter bold font14">
					<text class="onlyStyle"></text>
					<text>往年录取中的初试总分最低分、平均分和最高分（按第一志愿录取统计，不含专项计划等）</text>
				</view>
				<view class="baseCon">
					<view class="school">
						<view class="schoolOne" v-for="(item,index) in schoolData" :key="index">
							<image class="logo"
								:src="item.cover.logo || 'https://image.alhelp.net/uploads/20231104/4d491857ac50d21ebbcb25ff5bc254f8.png'"
								mode="widthFix"></image>
							<view class="bold font14 hiddenOneline">{{item.cover.schoolName}}</view>
							<view class="font12 college">{{item.cover.collegeName}}</view>
							<view class="font12">
								<view class="">{{item.cover.majorCode}}</view>
								<view class="hiddenTwoline">{{item.cover.majorName}}</view>
							</view>
						</view>
					</view>
					<view class="mainCon">
						<view class="flex alignCenter font14 conHeader">
							<view class="width200" v-for="(year,i) in [1,2,3,4]" :key="i">{{new Date().getFullYear()-i}}年</view>
						</view>
						<view class="flex alignCenter font14 conData" :style="{'height':index==0?'300rpx':'380rpx'}"
							v-for="(item,index) in schoolData" :key="index">
							<view class="width200 commonWidth" v-for="(year,j) in [1,2,3,4]" :key="j">
								{{item.firstTotal.lowAvgHigScore[(new Date().getFullYear()-j)]}}</view>
						</view>
					</view>
				</view>
				<view class="commonTitle flex alignCenter bold font14">
					<text class="onlyStyle"></text>
					<text>往年录取中的初试总分最低分、平均分和最高分（按调剂录取统计）</text>
				</view>
				<view class="baseCon">
					<view class="school">
						<view class="schoolOne" v-for="(item,index) in schoolData" :key="index">
							<image class="logo"
								:src="item.cover.logo || 'https://image.alhelp.net/uploads/20231104/4d491857ac50d21ebbcb25ff5bc254f8.png'"
								mode="widthFix"></image>
							<view class="bold font14 hiddenOneline">{{item.cover.schoolName}}</view>
							<view class="font12 college">{{item.cover.collegeName}}</view>
							<view class="font12">
								<view class="">{{item.cover.majorCode}}</view>
								<view class="hiddenTwoline">{{item.cover.majorName}}</view>
							</view>
						</view>
					</view>
					<view class="mainCon">
						<view class="flex alignCenter font14 conHeader">
							<view class="width200" v-for="(year,i) in [1,2,3,4]" :key="i">{{new Date().getFullYear()-i}}年</view>
						</view>
						<view class="flex alignCenter font14 conData" :style="{'height':index==0?'300rpx':'380rpx'}"
							v-for="(item,index) in schoolData" :key="index">
							<view class="width200 commonWidth" v-for="(year,j) in [1,2,3,4]" :key="j">
								{{item.firstTotalAdjust.lowAvgHigScore[(new Date().getFullYear()-j)]}}</view>
						</view>
					</view>
				</view>
				<view class="commonTitle flex alignCenter bold font14">
					<text class="onlyStyle"></text>
					<text>往年的初试政治最低分、平均分和最高分（按第一志愿录取统计，不含专项计划等）</text>
				</view>
				<view class="baseCon">
					<view class="school">
						<view class="schoolOne" v-for="(item,index) in schoolData" :key="index">
							<image class="logo"
								:src="item.cover.logo || 'https://image.alhelp.net/uploads/20231104/4d491857ac50d21ebbcb25ff5bc254f8.png'"
								mode="widthFix"></image>
							<view class="bold font14 hiddenOneline">{{item.cover.schoolName}}</view>
							<view class="font12 college">{{item.cover.collegeName}}</view>
							<view class="font12">
								<view class="">{{item.cover.majorCode}}</view>
								<view class="hiddenTwoline">{{item.cover.majorName}}</view>
							</view>
						</view>
					</view>
					<view class="mainCon">
						<view class="flex alignCenter font14 conHeader">
							<view class="width200" v-for="(year,i) in [1,2,3,4]" :key="i">{{new Date().getFullYear()-i}}年</view>
						</view>
						<view class="flex alignCenter font14 conData" :style="{'height':index==0?'300rpx':'380rpx'}"
							v-for="(item,index) in schoolData" :key="index">
							<view class="width200 commonWidth" v-for="(year,j) in [1,2,3,4]" :key="j">
								{{item.firstPoliticsLine[(new Date().getFullYear()-j)]}}</view>
						</view>
					</view>
				</view>
				<view class="commonTitle flex alignCenter bold font14">
					<text class="onlyStyle"></text>
					<text>往年的初试政治最低分、平均分和最高分（按调剂录取统计）</text>
				</view>
				<view class="baseCon">
					<view class="school">
						<view class="schoolOne" v-for="(item,index) in schoolData" :key="index">
							<image class="logo"
								:src="item.cover.logo || 'https://image.alhelp.net/uploads/20231104/4d491857ac50d21ebbcb25ff5bc254f8.png'"
								mode="widthFix"></image>
							<view class="bold font14 hiddenOneline">{{item.cover.schoolName}}</view>
							<view class="font12 college">{{item.cover.collegeName}}</view>
							<view class="font12">
								<view class="">{{item.cover.majorCode}}</view>
								<view class="hiddenTwoline">{{item.cover.majorName}}</view>
							</view>
						</view>
					</view>
					<view class="mainCon">
						<view class="flex alignCenter font14 conHeader">
							<view class="width200" v-for="(year,i) in [1,2,3,4]" :key="i">{{new Date().getFullYear()-i}}年</view>
						</view>
						<view class="flex alignCenter font14 conData" :style="{'height':index==0?'300rpx':'380rpx'}"
							v-for="(item,index) in schoolData" :key="index">
							<view class="width200 commonWidth" v-for="(year,j) in [1,2,3,4]" :key="j">
								{{item.firstPoliticsAdjustLine[(new Date().getFullYear()-j)]}}</view>
						</view>
					</view>
				</view>
				<view class="commonTitle flex alignCenter bold font14">
					<text class="onlyStyle"></text>
					<text>往年的初试英语最低分、平均分和最高分（按第一志愿录取统计，不含专项计划等）</text>
				</view>
				<view class="baseCon">
					<view class="school">
						<view class="schoolOne" v-for="(item,index) in schoolData" :key="index">
							<image class="logo"
								:src="item.cover.logo || 'https://image.alhelp.net/uploads/20231104/4d491857ac50d21ebbcb25ff5bc254f8.png'"
								mode="widthFix"></image>
							<view class="bold font14 hiddenOneline">{{item.cover.schoolName}}</view>
							<view class="font12 college">{{item.cover.collegeName}}</view>
							<view class="font12">
								<view class="">{{item.cover.majorCode}}</view>
								<view class="hiddenTwoline">{{item.cover.majorName}}</view>
							</view>
						</view>
					</view>
					<view class="mainCon">
						<view class="flex alignCenter font14 conHeader">
							<view class="width200" v-for="(year,i) in [1,2,3,4]" :key="i">{{new Date().getFullYear()-i}}年</view>
						</view>
						<view class="flex alignCenter font14 conData" :style="{'height':index==0?'300rpx':'380rpx'}"
							v-for="(item,index) in schoolData" :key="index">
							<view class="width200 commonWidth" v-for="(year,j) in [1,2,3,4]" :key="j">
								{{item.firstEnglishLine[(new Date().getFullYear()-j)]}}</view>
						</view>
					</view>
				</view>
				<view class="commonTitle flex alignCenter bold font14">
					<text class="onlyStyle"></text>
					<text>往年的初试英语最低分、平均分和最高分（按调剂录取统计）</text>
				</view>
				<view class="baseCon">
					<view class="school">
						<view class="schoolOne" v-for="(item,index) in schoolData" :key="index">
							<image class="logo"
								:src="item.cover.logo || 'https://image.alhelp.net/uploads/20231104/4d491857ac50d21ebbcb25ff5bc254f8.png'"
								mode="widthFix"></image>
							<view class="bold font14 hiddenOneline">{{item.cover.schoolName}}</view>
							<view class="font12 college">{{item.cover.collegeName}}</view>
							<view class="font12">
								<view class="">{{item.cover.majorCode}}</view>
								<view class="hiddenTwoline">{{item.cover.majorName}}</view>
							</view>
						</view>
					</view>
					<view class="mainCon">
						<view class="flex alignCenter font14 conHeader">
							<view class="width200" v-for="(year,i) in [1,2,3,4]" :key="i">{{new Date().getFullYear()-i}}年</view>
						</view>
						<view class="flex alignCenter font14 conData" :style="{'height':index==0?'300rpx':'380rpx'}"
							v-for="(item,index) in schoolData" :key="index">
							<view class="width200 commonWidth" v-for="(year,j) in [1,2,3,4]" :key="j">
								{{item.firstEnglishAdjustLine[(new Date().getFullYear()-j)]}}</view>
						</view>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	import {
		getContrastDetail
	} from "@/api/toolbox.js"
	export default {
		data() {
			return {
				activeItem: 0,
				chooseArr: [{
					title: '基本信息'
				}, {
					title: '当年计划招生'
				}, {
					title: '往年计划招生'
				}, {
					title: '往年实际录取总数'
				}, {
					title: '往年录取中的初试总分'
				}],
				contrastQueries: [],
				schoolData: []
			}
		},
		onLoad(option) {
			if (option.query) {
				this.contrastQueries = JSON.parse(option.query)
				console.log('详情数据', this.contrastQueries)
			}
			this.getData()
		},
		methods: {
			clickItem(idx) {
				this.activeItem = idx
			},
			getData() {
				uni.showLoading({
					title: '加载中',
					mask: true
				})
				let param = {
					contrastQueries: this.contrastQueries
				}
				getContrastDetail(param).then((res) => {
					uni.hideLoading()
					if (res.code == 100000) {
						console.log('res详情==', res)
						this.schoolData = res.data
					}
				}).catch((err) => {
					uni.hideLoading()
				})
			}
		}
	}
</script>
<style lang="scss">
	page {
		background: $pageBgColor;
	}
</style>
<style lang="scss" scoped>
	scroll-view ::-webkit-scrollbar {
		width: 0;
		height: 0;
		background-color: transparent;
	}

	::-webkit-scrollbar {
		width: 0;
		height: 0;
		background-color: transparent;
	}

	.scrollViewCom {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		height: 80rpx;
		box-shadow: 0 0 10rpx rgba(0, 0, 0, .15);
		background: #fff;
		/* #ifdef H5 */
		top: 44px;
		/* #endif */
	}

	.infoBox {
		padding: 100rpx 0 0;

		.commonTitle {
			margin: 30rpx 0;

			// padding:0 30rpx;
			// box-sizing: border-box;
			.onlyStyle {
				width: 20rpx;
				height: 60rpx;
				border-radius: 0 15rpx 15rpx 0;
				background: $colorMain;
				margin-right: 10rpx;
				flex-shrink: 0;
			}
		}
	}

	.chooseBox {
		&>view {
			flex-shrink: 0;
			height: 80rpx;
			line-height: 80rpx;
			padding: 0 50rpx;
			box-sizing: border-box;
		}
	}

	.activeStyle {
		border-bottom: 2px solid $colorMain;
	}

	.baseInfo,
	.nowStudent,
	.preStudent,
	.preStudentNum,
	.preScore {
		.baseCon {
			background: #fff;
			position: relative;
			width: 100%;
		}

		.school {
			position: absolute;
			left: 0;
			top: 0;
			width: 200rpx;
			box-shadow: 0 0 10rpx rgba(0, 0, 0, .15);
			background: #fff;
			text-align: center;

			.schoolOne {
				padding: 30rpx 20rpx;
				box-sizing: border-box;
				border-top: 1px solid $bordercolor;
				height: 380rpx;
				overflow: hidden;
			}

			.logo {
				width: 80rpx;
				height: 80rpx;
				display: block;
				margin: 0 auto;
				border-radius: 50%;
			}

			.college {
				margin: 0 0 10rpx;
			}
		}

		.mainCon {
			padding: 0 0 0 200rpx;
			width: 100%;
			box-sizing: border-box;
			overflow-x: scroll;

			.width400 {
				width: 300rpx;
				overflow-y: scroll;
				padding: 20rpx 0;
				box-sizing: border-box;
			}
			.width200{
				width: 200rpx;
				overflow-y: scroll;
				padding: 20rpx 0;
				box-sizing: border-box;
			}
			.width150{
				width: 150rpx;
				overflow-y: scroll;
				padding: 20rpx 0;
				box-sizing: border-box;
			}
			.width100 {
				width: 100rpx;
				overflow-y: scroll;
				padding: 20rpx 0;
				box-sizing: border-box;
			}

			// .width100{
			// 	width:50rpx;
			// }
			.onlyOne {
				flex: 1;
				text-align: center;
			}

			.conHeader {
				&>view {
					text-align: center;
					flex-shrink: 0;
					padding: 0 10rpx;
					height: 100rpx;
					box-sizing: border-box;
					background: $pageBgColor;
					border: 1px solid $bordercolor;
					border-left: none;
					font-size: 24rpx;
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}

			.conData {
				.commonWidth {
					text-align: center;
					flex-shrink: 0;
					padding: 30rpx;
					height: 100%;
					box-sizing: border-box;
					border: 1px solid $bordercolor;
					border-top: none;
					border-left: none;

					.contentLeft {
						text-align: left;
					}
				}
			}
		}
	}
</style>